/* 
    Document   : style
    Created on : 25/01/2014, 12:21:53 PM
    Author     : Daniel Mazo
    Description:
        Hoja de estilo general
*/

/*Contenedor de segmentos de la aplicacion*/
.div_content{
	/*position:absolute;             /* position in the center of the screen */
    left:40%;
    top:60%;
    /*height:50px;                   /* text area height */
    /*width:225px;                   /* text area width */
    text-align:center;
    /*padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    /*margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/*Iconos de los botones de inicio*/
.ul_login {
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
	margin: auto;
	margin-top: 25%;
}

/*Division del marco del login*/
.ui-grid-login{
	overflow: hidden;
	background: #fff; 
	width: 100%; 
	height: 115px;
	border: 2px solid #000; 
	-webkit-border-radius: 15px 15px 15px 15px; 
	opacity:0.85;
}

/*Iconos del menu*/
.ul_clientes {
	background-image: url(../img/ul_cliente.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

.ul_producto {
	background-image: url(../img/ul_producto.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

.ul_devolucion {
	background-image: url(../img/ul_devolucion.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

.ul_premio {
	background-image: url(../img/ul_premio.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

.ul_factura {
	background-image: url(../img/ul_factura.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

.ul_registro {
	background-image: url(../img/ul_registro.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: center;
}

/*Estilo de la tabla*/
thead.encabezado_tabla{
    height: 25px;
    width: 96%;
    background-color: #303030;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: radial-gradient(at left center , rgba(30, 30, 20, 20), #303030) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.font_campo{
	padding-left: 10px; 
    color: #ffbc05;
    font: normal 170% "Comic Sans";
    font-size:16px;
}

.font_accion{
	padding-left: 10px; 
    color: #76af26;
    font: normal 170% "Comic Sans";
    font-size:16px;
}

/*Estilo de los botones*/
.ibnt_grabar{
	background: #fff;
	background-image:url(../img/btn_save.png);
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    background-position:center;
    -webkit-border-radius: 50% 50% 50% 50%;
}

.ibnt_buscar{
	background: #fff;
	background-image:url(../img/btn_search.png);
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    background-position:center;
    -webkit-border-radius: 50% 50% 50% 50%;
}

.ibnt_agregar{
	background: #fff;
	background-image:url(../img/btn_add.png);
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    background-position:center;
    -webkit-border-radius: 50% 50% 50% 50%;
}

.ibnt_eliminar{
	background: #fff;
	background-image:url(../img/btn_delete.png);
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    background-position:center;
    -webkit-border-radius: 50% 50% 50% 50%;
}

.ibnt_limpiar{
	background: #fff;
	background-image:url(../img/btn_clean.png);
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    background-position:center;
    -webkit-border-radius: 50% 50% 50% 50%;
}

